<script>
import config from "../../package.json";
export default {
    data() {
        return {
            version: config.version,
            vueVersion: config.dependencies.vue.substring(1),
            vueRouterVersion: config.dependencies["vue-router"].substring(1),
            piniaVersion: config.dependencies.pinia.substring(1)
        }
    },
    computed: {
        copyRightYear() {
            return new Date().getFullYear();
        }
    },
}
</script>

<template>
<footer>
    <p>
        &copy; 2023 - {{ copyRightYear }} <span>我的藏书馆</span> v{{ version }}
    </p>
    <p>
        系统支持环境：Vue{{ vueVersion }} + Vue Router {{ vueRouterVersion }} + Pinia {{piniaVersion }}
    </p>
</footer>
</template>
    
<style scoped>
p {
    margin: 8px 0;
}
</style>